<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./ICR_style.css">

<body>
    <div class="box">
        <div class="leftBox"></div>
        <div class="rightBox"></div>
        <div class="main">
            <header>
                <div class="hImg"><img src="./img/logo (1).png" alt=""></div>
                <div class="hTitle">
                    <h2>ICR</h2>
                    <h3>International Cuisine Restaurant</h3>
                </div>

            </header>
            <nav>
                <a class="nav_a" href="./index.html">Home</a>
                <a class="nav_a" href="./Menu_details.html">Menu_details</a>
                <a class="nav_a" href="./Booking_info.html">Reservation Form</a>
                <a class="nav_a" href="./Contact_Details.html">Contact_Details</a>
                <a class="nav_a" href="./Gallery.html">Gallery</a>
            </nav>
            <div style="display: flex;">
                <!-- 框架版本下拉框 -->
                <!-- <div class="dropdown">
                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                  Dropdown Menu
                </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                        <li><a class="dropdown-item" href="./index.html">Home</a></li>
                        <li><a class="dropdown-item" href="./Menu_details.html">Menu_details</a></li>
                        <li><a class="dropdown-item" href="./Booking_info.html">Reservation Form</a></li>
                    </ul>
                </div> -->

                <!-- 原生下拉框 -->
                <select name="limit" id="select" onchange="getvalue(this.options[this.options.selectedIndex].value)">
                <option value ="">Dropdown Menu</option>
                <option value ="Home">Home</option>
                <option value ="Menu_details">Menu_details</option>
                <option value="Reservation Form">Reservation Form</option>
                <option value="Contact_Details">Contact_Details</option>
                <option value="Gallery">Gallery</option>
              </select>
            </div>

            <hr>

            <hr>
            <footer>
                <div class="fText">
                    <span>Copyright © 2021 二姨  </span>
                </div>
            </footer>
        </div>
    </div>
</body>
<script src="./ICR.js"></script>

</html>